@charset "utf-8";
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.com-background2 {
  background: #f7f7f7;
}
.width-auto {
  width: auto;
}
.width-0 {
  width: 0;
}
.width-10 {
  width: 10%;
}
.width-20 {
  width: 20%;
}
.width-30 {
  width: 30%;
}
.width-40 {
  width: 40%;
}
.width-50 {
  width: 50%;
}
.width-60 {
  width: 60%;
}
.width-70 {
  width: 70%;
}
.width-80 {
  width: 80%;
}
.width-90 {
  width: 90%;
}
.width-100 {
  width: 100%;
}
.max-width-10 {
  max-width: 10%;
}
.max-width-20 {
  max-width: 20%;
}
.max-width-30 {
  max-width: 30%;
}
.max-width-40 {
  max-width: 40%;
}
.max-width-50 {
  max-width: 50%;
}
.max-width-60 {
  max-width: 60%;
}
.max-width-70 {
  max-width: 70%;
}
.max-width-80 {
  max-width: 80%;
}
.max-width-90 {
  max-width: 90%;
}
.max-width-100 {
  max-width: 100%;
}
.max-width-all-100 {
  line-height: 32px;
}
.max-width-all-100 * {
  max-width: 100% !important;
}
.height-auto {
  height: auto;
}
.height-50 {
  height: 50%;
}
.height-90 {
  height: 90%;
}
.height-100 {
  height: 100%;
}
.max-height-90 {
  max-height: 90%;
}
.max-height-50 {
  max-height: 50%;
}
.max-height-70 {
  max-height: 70%;
}
.max-height-100 {
  max-height: 100%;
}
.top-0 {
  top: 0;
}
.top-50 {
  top: 50%;
}
.top-100 {
  top: 100%;
}
.bottom-0 {
  bottom: 0;
}
.bottom-50 {
  bottom: 50%;
}
.bottom-100 {
  bottom: 100%;
}
.bottom-auto {
  bottom: auto;
}
.left-0 {
  left: 0;
}
.left-50 {
  left: 50%;
}
.left-100 {
  left: 100%;
}
.left-auto {
  left: auto;
}
.right-0 {
  right: 0;
}
.right-50 {
  right: 50%;
}
.right-100 {
  right: 100%;
}
.com-object-fit-cover {
  object-fit: cover;
}
.object-position-center-top {
  object-position: center top;
}
.com-width-101 {
  width: auto;
  margin: 0 -0.5%;
}
.com-width-1016 {
  width: auto;
  margin: 0 -0.8%;
}
.com-width-102 {
  width: auto;
  margin: 0 -1%;
}
.com-width-103 {
  width: auto;
  margin: 0 -1.5%;
}
.com-width-104 {
  width: auto;
  margin: 0 -2%;
}
.com-width-105 {
  width: auto;
  margin: 0 -2.5%;
}
.com-width-106 {
  width: auto;
  margin: 0 -3%;
}
.display-flex {
  display: flex;
}
.display-none {
  display: none;
}
.display-block {
  display: block;
}
.display-inline-block {
  display: inline-block;
}
.display-inline-flex {
  display: inline-flex;
}
.color-fff {
  color: #FFFFFF;
}
.color-000 {
  color: #000000;
}
.color-333 {
  color: #333333;
}
.color-666 {
  color: #666666;
}
.color-888 {
  color: #888888;
}
.color-999 {
  color: #999999;
}
.cursor-pointer {
  cursor: pointer;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.position-fixed {
  position: fixed;
}
.margin-auto {
  margin: auto;
}
.z-index-reduce-1 {
  z-index: -1;
}
.z-index-2 {
  z-index: 2;
}
.z-index-3 {
  z-index: 3;
}
.z-index-4 {
  z-index: 4;
}
.z-index-5 {
  z-index: 5;
}
.z-index-100 {
  z-index: 100;
}
.z-index-101 {
  z-index: 101;
}
.font-size-12 {
  font-size: 12px;
}
.font-size-13 {
  font-size: 13px;
}
.font-size-14 {
  font-size: 14px;
}
.font-size-15 {
  font-size: 15px;
}
.font-size-16 {
  font-size: 16px;
}
.font-size-18 {
  font-size: 18px;
}
.font-size-20 {
  font-size: 20px;
}
.font-size-22 {
  font-size: 22px;
}
.font-size-24 {
  font-size: 24px;
}
.font-size-26 {
  font-size: 26px;
}
.font-size-28 {
  font-size: 28px;
}
.font-size-30 {
  font-size: 30px;
}
.font-size-32 {
  font-size: 32px;
}
.font-size-34 {
  font-size: 34px;
}
.font-size-36 {
  font-size: 36px;
}
.font-size-38 {
  font-size: 38px;
}
.font-size-40 {
  font-size: 40px;
}
.font-size-42 {
  font-size: 42px;
}
.font-size-48 {
  font-size: 48px;
}
.font-size-60 {
  font-size: 60px;
}
.font-size-80 {
  font-size: 80px;
}
.line-height-22 {
  line-height: 22px;
}
.line-height-24 {
  line-height: 24px;
}
.line-height-26 {
  line-height: 26px;
}
.line-height-28 {
  line-height: 28px;
}
.line-height-30 {
  line-height: 30px;
}
.line-height-32 {
  line-height: 32px;
}
.line-height-34 {
  line-height: 34px;
}
.line-height-36 {
  line-height: 36px;
}
.line-height-38 {
  line-height: 38px;
}
.line-height-40 {
  line-height: 40px;
}
.line-height-42 {
  line-height: 42px;
}
.background-000 {
  background: #000000;
}
.background-fff {
  background: #FFFFFF;
}
.background-color-transparent {
  background-color: transparent;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-1 {
  flex: 1;
}
.text-transform-lowercase {
  text-transform: lowercase;
}
.text-transform-capitalize {
  text-transform: capitalize;
}
.text-transform-uppercase {
  text-transform: uppercase;
}
.font-weight-bold {
  font-weight: bold;
}
.font-weight-500 {
  font-weight: 500;
}
.transform-translateY-reduce-50 {
  transform: translateY(-50%);
}
.transform-translateX-reduce-50 {
  transform: translateX(-50%);
}
.transform-translate-reduce-50 {
  transform: translate(-50%, -50%);
}
.transform-none {
  transform: none;
}
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.text-align-justify {
  text-align: justify;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.opacity-0 {
  opacity: 0;
}
.opacity-05 {
  opacity: 0.5;
}
.opacity-1 {
  opacity: 1;
}
.border-radius-50 {
  border-radius: 50%;
}
.transition-all-02 {
  transition: all 0.2s ease;
}
.transition-all-03 {
  transition: all 0.3s ease;
}
.transition-all-04 {
  transition: all 0.4s ease;
}
.transition-all-05 {
  transition: all 0.5s ease;
}
.transition-all-06 {
  transition: all 0.6s ease;
}
.transition-all-07 {
  transition: all 0.7s ease;
}
.transition-all-10 {
  transition: all 1s ease;
}
.transform-scale-102 {
  transform: scale(1.02);
}
.transform-scale-105 {
  transform: scale(1.05);
}
.flex-wrap-wrap {
  flex-wrap: wrap;
}
.com-size-all {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.com-size-all-img {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  transition: all 0.3s ease;
}
.com-position-absolute-start {
  position: absolute;
  top: 0;
  left: 0;
}
.outline-none {
  outline: none;
}
.overflow-ellipsis-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.overflow-ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.overflow-ellipsis-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.overflow-ellipsis-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.overflow-ellipsis-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.overflow-ellipsis-6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
@keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.fadeInUp1 {
  -webkit-animation-name: fadeInUp1;
  animation-name: fadeInUp1;
}
@keyframes fadeInDown1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.fadeInDown1 {
  -webkit-animation-name: fadeInDown1;
  animation-name: fadeInDown1;
}
@keyframes fadeInLeft1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.fadeInLeft1 {
  -webkit-animation-name: fadeInLeft1;
  animation-name: fadeInLeft1;
}
@keyframes fadeInRight1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.fadeInRight1 {
  -webkit-animation-name: fadeInRight1;
  animation-name: fadeInRight1;
}
@keyframes zoomIn1 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn1 {
  -webkit-animation-name: zoomIn1;
  animation-name: zoomIn1;
}
@keyframes zoomIn2 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn2 {
  -webkit-animation-name: zoomIn2;
  animation-name: zoomIn2;
}
@keyframes zoomIn3 {
  0% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.zoomIn3 {
  animation-name: zoomIn3;
}
@keyframes zoomIninfinite {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.com-layui-popup,
.com-lati-longi,
.com-map-info,
.anchorBL {
  display: none !important;
}
.amap-logo,
.amap-copyright {
  display: none !important;
}
.com-mobile {
  display: none !important;
}
.align-items-start {
  align-items: flex-start;
}
.align-items-center {
  align-items: center;
}
.align-items-end {
  align-items: flex-end;
}
.justify-content-start {
  justify-content: flex-start;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-around {
  justify-content: space-around;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-end {
  justify-content: flex-end;
}
.flex-direction-column {
  flex-direction: column;
}
.flex-direction-row-reverse {
  flex-direction: row-reverse;
}
.max-width-all-100 {
  text-align: justify;
}
.com-font-size-24 {
  font-size: 1.248vw;
}
.com-font-size-30 {
  font-size: 1.56vw;
}
.com-font-size-34 {
  font-size: 1.768vw;
}
.com-font-size-36 {
  font-size: 1.872vw;
}
.com-font-size-40 {
  font-size: 2.08vw;
}
.com-font-size-42 {
  font-size: 2.184vw;
}
.com-font-size-46 {
  font-size: 2.392vw;
}
.com-font-size-52 {
  font-size: 2.704vw;
}
.com-font-size-80 {
  font-size: 3.5vw;
}
.com-richtext-16 {
  font-size: 16px;
  line-height: 32px;
  text-align: justify;
}
.com-richtext-18 {
  font-size: 16px;
  line-height: 36px;
  text-align: justify;
}
.com-richtext-20 {
  font-size: 1.04vw;
  line-height: 1.976vw;
  text-align: justify;
}
.com-margin-top-30 {
  margin-top: 1.56vw;
}
.com-margin-top-50 {
  margin-top: 2.6vw;
}
.com-padding-top-60 {
  padding-top: 3.12vw;
}
.com-padding-top-70 {
  padding-top: 3.64vw;
}
.com-margin-top-70 {
  margin-top: 3.64vw;
}
.com-padding-top-90 {
  padding-top: 4.68vw;
}
.com-margin-top-100 {
  margin-top: 5.2vw;
}
.com-padding-top-120 {
  padding-top: 6.24vw;
}
.com-padding-bottom-20 {
  padding-bottom: 1.04vw;
}
.com-padding-bottom-60 {
  padding-bottom: 3.12vw;
}
.com-padding-bottom-80 {
  padding-bottom: 4.16vw;
}
.com-padding-bottom-100 {
  padding-bottom: 5.2vw;
}
.com-padding-bottom-120 {
  padding-bottom: 6.24vw;
}
.com-cont-1000 {
  width: 1000px;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 5;
}
.com-cont-1200 {
  width: 1200px;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 5;
}
.com-cont-1440 {
  width: 75%;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 5;
}
.com-cont-1600 {
  width: 83.33333333%;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 5;
}
.com-cont-1700 {
  width: 88.54166667%;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 5;
}
.layui-this,
.layui-btn {
  background: #0061af !important;
}
.com-more1 {
  color: #0061af;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.com-more1 .iconfont {
  font-size: 22px;
  margin: 0 0 0 0.52vw;
}
.com-button1 {
  width: 9.776vw;
  height: 3.12vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  border: 1px solid #e3e3e3;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
}
.com-swiper1 .slide1 {
  width: 13.52vw;
  height: 3.432vw;
  border-radius: 2.08vw;
  border: 2px solid #0061af;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0061af;
  margin: 0 0.624vw;
  transition: all 0.3s ease;
  font-size: 18px;
}
.com-swiper1 .slide1:hover,
.com-swiper1 .slide1.active {
  background: #0061af;
  color: #FFFFFF;
}
.com-breadcrumb1 {
  background: #459df5;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 101;
}
.com-breadcrumb1.active {
  position: fixed;
  top: calc(26px + 40 * 0.052vw * 2);
  animation: fadeInUp1 0.3s ease both;
}
.com-breadcrumb1 * {
  color: #FFFFFF !important;
}
.com-breadcrumb1 .com-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.com-breadcrumb1 .dema-left .swiper1 .slide1 {
  padding: 1.04vw 1.04vw;
  font-size: 16px;
  width: auto;
  margin: 0 0.52vw 0 0;
  transition: all 0.3s ease;
  cursor: pointer;
}
.com-breadcrumb1 .dema-left .swiper1 .slide1.active,
.com-breadcrumb1 .dema-left .swiper1 .slide1:hover {
  background: #338ce6;
}
.com-breadcrumb1 .dema-left .swiper1 .swiper-scrollbar {
  display: none;
}
.com-breadcrumb1 .dema-right .layui-breadcrumb {
  display: flex;
  align-items: center;
}
.com-breadcrumb1 .dema-right .layui-breadcrumb a {
  display: flex;
  align-items: center;
  color: #FFFFFF !important;
}
.com-breadcrumb1 .dema-right .layui-breadcrumb a .iconfont {
  font-size: 24px;
  margin: 0 4px 0 0;
}
.com-banner1 {
  display: none;
}
.com-banner1 .swiper1 .slide1 {
  height: 20.8vw;
}
.com-banner1 .swiper1 .slide1 .dema-word {
  display: none;
}
.com-paging1 .swiper1 .slide1 {
  width: 2.808vw;
  height: 2.808vw;
  border-radius: 50%;
  font-size: 16px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  margin: 0 3px;
}
.com-paging1 .swiper1 .slide1:first-of-type,
.com-paging1 .swiper1 .slide1:last-of-type {
  border: 1px solid #0061af;
  color: #0061af;
  margin: 0 1.352vw;
}
.com-paging1 .swiper1 .slide1:hover,
.com-paging1 .swiper1 .slide1.active {
  background: #0061af;
  color: #FFFFFF;
}

/* .com-main {
  padding: calc(26px + 80 * 0.052vw) 0 0;
} */
.index-app .com-header * {
  color: #FFFFFF;
}
.index-app .com-header:hover {
  background: #0061af;
}
.index-app .com-header:hover * {
  color: #FFFFFF;
}
.index-app .com-header:hover .dema-logo {
  filter: grayscale(100%) brightness(1000%);
}
.index-app .com-header .dema-logo {
  filter: grayscale(100%) brightness(1000%);
}
.index-app .com-main {
  padding: 0;
}
.com-header {
  width      : 100%;
  top        : 0;
  left       : 0;
  height     : 60px;
  line-height: 60px;
  z-index    : 105;
  transition : all 0.3s ease;
  position   : fixed;
  padding    : 0 30px;
}
.com-header.active {
  box-shadow: 0 0 1.04vw rgba(0, 0, 0, 0.1);
  animation: fadeInUp1 0.3s ease both;
  background: #FFFFFF;
}
.com-header.active * {
  color: #333333;
}
.com-header.active .dema-logo {
  filter: none;
}
.com-header .com-cont {
  display        : flex;
  align-items    : center;
  justify-content: flex-start;
}
.com-header .dema-logo .dema-img {
  height: 2vw;
  vertical-align: middle;
}
.com-header .dema-menu {
  margin-left    : 30px;
  height         : 100%;
  display        : flex;
  align-items    : center;
  justify-content: flex-start;
}

.com-header .dema-menu .swiper1 {
  overflow: visible;
}
.com-header .dema-menu .dema-header-cont {
  width: 100%;
  top  : 60px;
  left : 0;

  z-index   : 105;
  background: #0061af;
  transition: all 0.3s ease;
  position  : fixed;
  padding:10px;
  display   : none;
  
}
.com-header .dema-menu .dema-header-cont .header-xcs{
  width:300px;
  margin:0 auto;
}
.com-header .dema-menu .active{
  display   : block;
  display        : flex;
  align-items    : center;
  justify-content:space-between;
  
}

.com-header .dema-menu {
  align-items: center;
}
.com-header .dema-menu {
  width: auto;
  margin: 0 1.3vw;
}
.com-header .dema-menu:hover .dema-bot {
  display: block;
  animation: fadeInUp1 0.3s ease both;
}
.com-header .dema-menu .dema-top .dema-a1 {
  font-size: 20px;
  font-weight: 500;
  padding:  0 10px;
  display: block;
}
.com-header .dema-menu .dema-top .dema-a1.active {
  color: #0061af;
}
.com-header .dema-menu .dema-top .dema-a1:hover {
  opacity: 0.8;
}
.border__shadow {
  background: #fff;
  cursor: pointer;
  position: relative;
  margin: 2%;
  line-height: 350px;
  text-align: center;
  width: 200px;
  height: 350px;
  overflow: hidden;
  transition: background 350ms 600ms ease-in-out;
}
.border__shadow::before {
  border: 2px solid #2c3e50;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 200px;
  height: 350px;
}
.border__shadow > span {
  color: #2c3e50;
  font-weight: 500;
  letter-spacing: 4px;
  transition: color 350ms 600ms ease-in-out;
}
.border__shadow::after {
  box-shadow: 0 -348px 0 0.0619em #fff, 202px -348px 0 0 transparent, 400px -348px 0 0 #fff, 198px 0 0 0 #fff, 198px 350px 0 transparent, 198px 700px 0 #fff, -198px -700px 0 #fff, -198px -350px 0 0 transparent, -198px 0 0 0 #fff, -400px 348px 0 0 #fff, -400px 348px 0 0 transparent, 0 348px 0 0.0619em #fff;
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 198px;
  height: 348px;
  transition: box-shadow 950ms ease-in-out;
}
.border__shadow:hover {
  background:  #2c3e50;
  transition-delay: 0ms;
}
.border__shadow:hover > span {
  color:  #fff;
  transition-delay: 0ms;
}

.com-header .dema-opera {
  display: flex;
  align-items: center;
}
.com-header .dema-opera .dema-lang {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.com-header .dema-opera .dema-search {
  cursor: pointer;
  width: 2.184vw;
  height: 2.184vw;
  background: #0061af;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 0 0 1.56vw;
}
.com-header .dema-opera .dema-search .iconfont {
  color: #FFFFFF;
}
.com-header .dema-opera .dema-menu-oper {
  display: none;
  font-weight: bold;
}
.com-header .dema-opera .dema-menu-oper .iconfont {
  font-size: 6.65vw;
}


.com-header-search {
  width: 70vw;
  padding: 5.2vw 2.6vw;
  display: none;
}
.com-header-search .dema-form1 {
  display: flex;
  align-items: center;
}
.com-header-search .dema-form1 .dema-input1 {
  flex: 1;
  font-size: 1.56vw;
  border-bottom: 1px solid #e3e3e3;
}
.com-header-search .dema-form1 .dema-button1 {
  background-color: transparent;
  cursor: pointer;
}
.com-header-search .dema-form1 .dema-button1 .iconfont {
  font-size: 2.08vw;
}

.com-sidebar1 {
  position: fixed;
  z-index: 101;
  right: 0;
  top: 40%;
  transform: translateY(-50%);
}
.com-sidebar1 .swiper1 {
  border-top-left-radius: 0.52vw;
  border-bottom-left-radius: 0.52vw;
}
.com-sidebar1 .swiper1 .wrapper1 {
  flex-direction: column;
}
.com-sidebar1 .swiper1 .slide1 {
  width: 76px;
  height: 76px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin: 0 0 1px;
  background: #0061af;
  cursor: pointer;
  font-size: 12px;
}
.com-sidebar1 .swiper1 .slide1 .iconfont {
  font-size: 1.352vw;
  margin: 0 0 0.312vw;
}
.com-footer .com-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.com-footer .dema-upper {
  padding: 5.72vw 0 3.64vw;
  background: #f7f7f7;
}
.com-footer .dema-upper .com-cont {
  align-items: flex-start;
}
.com-footer .dema-upper .dema-left {
  flex: 1;
  padding: 0 5.2vw 0 0;
}
.com-footer .dema-upper .dema-left .swiper1 .wrapper1 {
  justify-content: space-between;
}
.com-footer .dema-upper .dema-left .swiper1 .slide1 {
  width: auto;
}
.com-footer .dema-upper .dema-left .swiper1 .slide1 .dema-top .dema-a1 {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}
.com-footer .dema-upper .dema-left .swiper1 .slide1 .dema-bot {
  font-size: 14px;
  line-height: 32px;
  margin: 0.52vw 0 0;
}
.com-footer .dema-upper .dema-left .swiper1 .slide1 .dema-bot .dema-a1 {
  display: block;
}
.com-footer .dema-upper .dema-left .swiper1 .slide1 .dema-bot .dema-a1:hover {
  color: #0061af;
}
.com-footer .dema-upper .dema-right .swiper1 .slide1 .dema-top .dema-a1 {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}
.com-footer .dema-upper .dema-right .swiper1 .slide1 .dema-bot {
  margin: 1.04vw 0 0;
}
.com-footer .dema-upper .dema-right .swiper1 .slide1 .dema-bot .dema-follow {
  padding: 0.78vw 2.08vw 0.78vw 0.78vw;
  background: #FFFFFF;
  border: 1px solid #e3e3e3;
  margin: 0 0 2.08vw;
}
.com-footer .dema-upper .dema-right .swiper1 .slide1 .dema-bot .dema-follow .dema-picture {
  width: 5.72vw;
  height: 5.72vw;
}
.com-footer .dema-upper .dema-right .swiper1 .slide1 .dema-bot .dema-follow .dema-word {
  font-size: 15px;
  line-height: 1.56vw;
  margin: 0 0 0 1.04vw;
}
.com-footer .dema-upper .dema-right .swiper1 .slide1 .dema-bot .dema-follow .dema-word .dema-ti1 {
  color: #0061af;
}
.com-footer .dema-upper .dema-right .swiper1 .slide1 .dema-bot .dema-follow .dema-word .dema-ti2 p {
  cursor: pointer;
}
.com-footer .dema-upper .dema-right .swiper1 .slide1 .dema-bot .dema-follow .dema-word .dema-ti2 p.active,
.com-footer .dema-upper .dema-right .swiper1 .slide1 .dema-bot .dema-follow .dema-word .dema-ti2 p:hover {
  color: #0061af;
}
.com-footer .dema-upper .dema-right .swiper1 .slide1 .dema-bot .dema-phone1 {
  color: #0061af;
  font-size: 1.664vw;
  line-height: 1.664vw;
  font-weight: 500;
}
.com-footer .dema-center {
  padding: 1.56vw 0;
  border-top: 1px solid #e3e3e3;
  background: #f7f7f7;
}
.com-footer .dema-center .dema-left .dema-img1 {
  height: 2.6vw;
}
.com-footer .dema-center .dema-right {
  margin: 0 -0.78vw 0 0;
}
.com-footer .dema-center .dema-right .swiper1 .slide1 {
  font-size: 16px;
  width: auto;
  margin: 0 0.78vw;
}
.com-footer .dema-lower {
  background: #e7e7e7;
  padding: 1.82vw 0;
}
.com-footer .dema-lower .dema-left {
  flex: 1;
}
.com-footer .dema-lower .dema-right {
  margin: 0 -1.56vw 0 0;
}
.com-footer .dema-lower .dema-right .swiper1 .slide1 {
  font-size: 16px;
  color: #333333;
  width: auto;
  margin: 0 1.56vw;
}
.search .dema-upper .dema-ti1 b {
  color: red;
  font-weight: 500;
}
.search .dema-center .swiper1 .slide1 {
  padding: 1.04vw 0;
  font-size: 18px;
  border-bottom: 1px solid #e3e3e3;
}
.search .dema-center .swiper1 .slide1:hover {
  color: #0061af;
}
.index-banner .swiper1 .slide1 {
  height: 46.8vw;
}
.index-banner .swiper1 .slide1 .dema-word {
position: absolute;
  color: #fff;
  font-weight: 500;
}
.index-banner .swiper1 .slide1 .dema-word .com-cont {
  position:absolute;
  left:30px;
  top:200px;
  height: auto;
  padding: 0 4.68vw;
}
.index-banner .swiper1 .slide1 .dema-word .com-cont-right {
  position:absolute;
  right:30px;
  top:200px;
  height: auto;
  text-align: right;
  padding: 0 4.68vw;
}
.index-banner .swiper1 .slide1 .dema-word .dema-enti1 {
  margin: 1.04vw 0 0;
}
.index-banner .swiper1 .slide1.swiper-slide-active .dema-picture .dema-img1 {
  transform: scale(1.1);
  transition: all 5s;
}
.index-solution {
  background-image: linear-gradient(to right, #e9f9ff, #FFFFFF, #e9f9ff);
}
.index-solution .dema-upper {
  color: #0061af;
}
.index-solution .dema-lower .swiper1 .wrapper1 {
  justify-content: center;
}
.index-solution .dema-lower .swiper1 .slide1 {
  width: 19.24vw;
  margin: 0 1.56vw;
  border-top: 1px solid #e3e3e3;
  padding: 1.04vw 0 1.664vw;
}
.index-solution .dema-lower .swiper1 .slide1 .dema-ti1 {
  color: #333333;
}
.index-solution .dema-lower .swiper1 .slide1 .dema-ti1 b {
  font-size: 3.432vw;
  color: #0061af;
  font-weight: 500;
  margin: 0 0.832vw 0 0;
}
.index-solution .dema-lower .swiper1 .slide1 .dema-ti1 b i {
  font-weight: 500;
}
.index-solution .dema-lower .swiper1 .slide1 .dema-p1 {
  font-size: 0.936vw;
  margin: 1.04vw 0 0;
}
.index-block .dema-upper .swiper1 {
  overflow: visible;
}
.index-block .dema-upper .swiper1 .slide1 {
  padding: 1.04vw 0;
  font-size: 20px;
  color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e8e8e8;
  cursor: pointer;
  width: 20%;
  transition: all 0.3s ease;
}
.index-block .dema-upper .swiper1 .slide1:before {
  font-family: "iconfont";
  content: "\e65a";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -21px;
  color: #dbdbdb;
  font-size: 40px;
  opacity: 0;
}
.index-block .dema-upper .swiper1 .slide1 .iconfont {
  font-size: 34px;
  margin: 0 0.52vw 0 0;
}
.index-block .dema-upper .swiper1 .slide1.swiper-slide-thumb-active,
.index-block .dema-upper .swiper1 .slide1.active,
.index-block .dema-upper .swiper1 .slide1:hover {
  background: #dbdbdb;
  color: #0061af;
}
.index-block .dema-upper .swiper1 .slide1.swiper-slide-thumb-active:before,
.index-block .dema-upper .swiper1 .slide1.active:before,
.index-block .dema-upper .swiper1 .slide1:hover:before {
  opacity: 1;
}
.index-block .dema-center .swiper1 .slide1 {
  display: flex;
}
.index-block .dema-center .swiper1 .slide1 .dema-left {
  width: 32vw;
  padding: 0 5.2vw 0 0;
}
.index-block .dema-center .swiper1 .slide1 .dema-left .dema-word {
  border-top: 1px solid #e3e3e3;
  padding: 1.04vw 0 1.56vw;
}
.index-block .dema-center .swiper1 .slide1 .dema-left .dema-word .dema-ti1 {
  font-size: 26px;
  color: #333333;
  font-weight: 500;
}
.index-block .dema-center .swiper1 .slide1 .dema-left .dema-company {



  position: relative;
  cursor: pointer;
}
.index-block .dema-center .swiper1 .slide1 .dema-left .dema-company  img{
  width:100%;
  height:auto;
}
.index-block .dema-center .swiper1 .slide1 .dema-left .dema-company  p{
 margin-top:10px;
 font-size: 16px;
}
.index-block .dema-center .swiper1 .slide1 .dema-left .dema-company .more{
  width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: right;
    display: block;
}

.index-block .dema-center .swiper1 .slide1 .dema-left .dema-picture .iconfont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3.12vw;
}
.index-block .dema-center .swiper1 .slide1 .dema-left .dema-picture:hover .dema-video1 {
  transform: scale(1.05);
}
.index-block .dema-center .swiper1 .slide1 .dema-right {
  flex: 1;
  overflow: hidden;
}
.index-block .dema-center .swiper1 .slide1 .dema-right .dema-top {
  display: flex;
  align-items: center;
}
.index-block .dema-center .swiper1 .slide1 .dema-right .dema-top:hover .dema-picture .dema-img1 {
  transform: scale(1.05);
}
.index-block .dema-center .swiper1 .slide1 .dema-right .dema-top:hover .dema-word .dema-ti1 {
  color: #0061af;
}
.index-block .dema-center .swiper1 .slide1 .dema-right .dema-top .dema-picture {
  width: 15.6vw;
  height: 8.84vw;
  overflow: hidden;
}
.index-block .dema-center .swiper1 .slide1 .dema-right .dema-top .dema-word {
  flex: 1;
  overflow: hidden;
  padding: 0 0 0 1.04vw;
}
.index-block .dema-center .swiper1 .slide1 .dema-right .dema-top .dema-word .dema-ti1 {
  color: #333333;
  font-size: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: 500;
}
.index-block .dema-center .swiper1 .slide1 .dema-right .dema-top .dema-word .dema-time1 {
  color: #999999;
  margin: 0.52vw 0 1.04vw;
}
.index-block .dema-center .swiper1 .slide1 .dema-right .dema-top .dema-word .dema-intr1 {
  font-size: 16px;
  line-height: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-align: justify;
}
.index-block .dema-center .swiper1 .slide1 .dema-right .dema-bot {
  border-top: 1px solid #e3e3e3;
  margin: 1.56vw 0 0;
}
.index-block .dema-center .swiper1 .slide1 .dema-right .dema-bot .swiper2 .slide2 {
  display: flex;
  width: 46%;
  margin: 2% 2% 0;
}
.index-block .dema-center .swiper1 .slide1 .dema-right .dema-bot .swiper2 .slide2:hover .dema-right .dema-ti1 {
  color: #0061af;
}
.index-block .dema-center .swiper1 .slide1 .dema-right .dema-bot .swiper2 .slide2 .dema-left {
  background: #0061af;
  color: #FFFFFF;
  text-align: center;
  padding: 0.52vw 0.832vw;
  width:80px;
}
.index-block .dema-center .swiper1 .slide1 .dema-right .dema-bot .swiper2 .slide2 .dema-left .dema-p1 {
  font-size: 2.08vw;
}
.index-block .dema-center .swiper1 .slide1 .dema-right .dema-bot .swiper2 .slide2 .dema-right {
  flex: 1;
  overflow: hidden;
  margin: 0 0 0 1.04vw;
  padding: 0 0 0 1.248vw;
  border-left: 1px solid #e3e3e3;
}
.index-block .dema-center .swiper1 .slide1 .dema-right .dema-bot .swiper2 .slide2 .dema-right .dema-ti1 {
  font-size: 18px;
  color: #000000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: 500;
}
.index-block .dema-center .swiper1 .slide1 .dema-right .dema-bot .swiper2 .slide2 .dema-right .dema-intr1 {
  font-size: 15px;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0.52vw 0 0;
  text-align: justify;
}
.com-index-video1 {
  width: 600px;
  height: 400px;
  background: #000000;
}
.index-service {
  background: #eef1fa;
}
.index-service .dema-center .swiper1 .slide1 {
  width: 50%;
  border-left: 1px solid #dedede;
  padding: 0 5.2vw 0 2.08vw;
}
.index-service .dema-center .swiper1 .slide1:last-of-type {
  padding: 0 0 0 2.08vw;
}
.index-service .dema-center .swiper1 .slide1 .dema-ti1 {
  color: #0061af;
  font-size: 1.352vw;
}
.index-service .dema-center .swiper1 .slide1 .dema-ti2 {
  color: #333333;
  font-size: 1.768vw;
  margin: 0.52vw 0 1.04vw;
  font-weight: 500;
}
.index-service .dema-center .swiper1 .slide1 .swiper-left {
  margin: 2.6vw -0.416vw 0;
}
.index-service .dema-center .swiper1 .slide1 .swiper-left .slide-left {
  width: 7.488vw;
  height: 7.488vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin: 0.416vw;
  overflow: hidden;
}
.index-service .dema-center .swiper1 .slide1 .swiper-left .slide-left:hover {
  background: url("../images/indexbg2_03.jpg") no-repeat center / cover !important;
  animation: fadeIn 0.5s ease;
}
.index-service .dema-center .swiper1 .slide1 .swiper-left .slide-left:hover .dema-img1 {
  transform: scale(1.05);
}
.index-service .dema-center .swiper1 .slide1 .swiper-left .slide-left .dema-wen {
  position: relative;
  text-align: center;
}
.index-service .dema-center .swiper1 .slide1 .swiper-left .slide-left .dema-wen .iconfont {
  font-size: 2.08vw;
}
.index-service .dema-center .swiper1 .slide1 .swiper-left .slide-left .dema-wen .dema-p1 {
  font-size: 1.04vw;
  margin: 0.624vw 0 0;
}
.index-service .dema-center .swiper1 .slide1 .swiper-right {
  margin: 2.6vw 0 0;
}
.index-service .dema-center .swiper1 .slide1 .swiper-right .slide-right {
  width: 48%;
  margin: 0 1%;
  height: 15.08vw;
  display: flex;
  align-items: flex-end;
  color: #FFFFFF;
  padding: 2.6vw 2.08vw;
  overflow: hidden;
}
.index-service .dema-center .swiper1 .slide1 .swiper-right .slide-right:hover .dema-img1 {
  transform: scale(1.05);
}
.index-service .dema-center .swiper1 .slide1 .swiper-right .slide-right .dema-wen {
  position: relative;
}
.index-service .dema-center .swiper1 .slide1 .swiper-right .slide-right .dema-wen .iconfont {
  font-size: 2.808vw;
}
.index-service .dema-center .swiper1 .slide1 .swiper-right .slide-right .dema-wen .dema-p1 {
  font-size: 1.04vw;
  margin: 0.624vw 0 0;
}
.index-research .dema-upper .swiper1 .slide1-picture {
  width: 37.96vw;
  height: 25.48vw;
}
.index-research .dema-upper .swiper1 .slide1-word {
  flex: 1;
  padding: 0 0 0 8.32vw;
}
.index-research .dema-upper .swiper1 .slide1-word .dema-intr1 {
  margin: 1.56vw 0 2.34vw;
}
.index-research .dema-upper .swiper1 .slide1-word .swiper2 {
  margin: 2.6vw -0.416vw 0;
}
.index-research .dema-upper .swiper1 .slide1-word .swiper2 .slide2 {
  width: 8.528vw;
  height: 8.528vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin: 0.416vw;
  overflow: hidden;
}
.index-research .dema-upper .swiper1 .slide1-word .swiper2 .slide2:hover {
  background: url("../images/indexbg2_03.jpg") no-repeat center / cover !important;
  animation: fadeIn 0.5s ease;
}
.index-research .dema-upper .swiper1 .slide1-word .swiper2 .slide2:hover .dema-img1 {
  transform: scale(1.05);
}
.index-research .dema-upper .swiper1 .slide1-word .swiper2 .slide2 .dema-wen {
  position: relative;
  text-align: center;
}
.index-research .dema-upper .swiper1 .slide1-word .swiper2 .slide2 .dema-wen .iconfont {
  font-size: 2.08vw;
}
.index-research .dema-upper .swiper1 .slide1-word .swiper2 .slide2 .dema-wen .dema-p1 {
  font-size: 1.04vw;
  margin: 0.312vw 0 0;
}
.index-product {
  background: #54c9c9;
}
.index-product .dema-upper {
  color: #FFFFFF;
  text-align: center;
}
.index-product .dema-center .swiper1 .slide1 {
  width: 31.33333333%;
  margin: 0 1%;
  background: #FFFFFF;
  height: auto;
}
.index-product .dema-center .swiper1 .slide1:hover .dema-picture .dema-img1 {
  transform: scale(1.05);
}
.index-product .dema-center .swiper1 .slide1 .dema-picture {
  height: 15.6vw;
  overflow: hidden;
}
.index-product .dema-center .swiper1 .slide1 .dema-word {
  padding: 1.82vw 2.08vw;
}
.index-product .dema-center .swiper1 .slide1 .dema-word .dema-ti1 {
  font-weight: 500;
}
.index-product .dema-center .swiper1 .slide1 .dema-word .dema-intr1 {
  margin: 0.728vw 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 26px;
  overflow: hidden;
}
.index-product .dema-center .swiper1 .slide1 .dema-word .dema-a1 {
  color: #0061af;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.index-product .dema-center .swiper1 .slide1 .dema-word .dema-a1 .iconfont {
  font-size: 22px;
}
.index-business .dema-upper {
  display: flex;
  align-items: center;
}
.index-business .dema-upper .dema-left {
  width: 31.2vw;
  padding: 0 3.12vw 0 0;
}
.index-business .dema-upper .dema-right {
  flex: 1;
  display: flex;
}
.index-business .dema-upper .dema-right .swiper1 {
  flex: 1;
  height: auto;
  overflow: visible;
  z-index: 5;
}
.index-business .dema-upper .dema-right .swiper1 .slide1 {
  height: 16.66666667%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #FFFFFF;
  padding: 0 0.728vw 0 1.04vw;
  cursor: pointer;
  font-size: 1.04vw;
  transition: all 0.3s ease;
}
.index-business .dema-upper .dema-right .swiper1 .slide1 .iconfont:nth-of-type(1) {
  font-size: 1.872vw;
}
.index-business .dema-upper .dema-right .swiper1 .slide1 .iconfont:nth-of-type(2) {
  font-size: 1.248vw;
  display: none;
}
.index-business .dema-upper .dema-right .swiper1 .slide1 b {
  flex: 1;
  padding: 0 0.624vw;
}
.index-business .dema-upper .dema-right .swiper1 .slide1.swiper-slide-thumb-active {
  width: calc(100% + 44 * 0.052vw);
  background-color: transparent;
  background: url("../images/jianbain.png") no-repeat center / cover !important;
}
.index-business .dema-upper .dema-right .swiper1 .slide1.swiper-slide-thumb-active .iconfont:nth-of-type(2) {
  display: block;
}
.index-business .dema-upper .dema-right .swiper2 {
  width: 37.96vw;
  height: 24.96vw;
}
.index-business .dema-upper .dema-right .swiper2 .slide2 .dema-word {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2.08vw 3.432vw;
  color: #FFFFFF;
}
.index-business .dema-upper .dema-right .swiper2 .slide2 .dema-word .dema-ti1 {
  font-weight: 500;
}
.index-business .dema-upper .dema-right .swiper2 .slide2 .dema-word .dema-ti2 {
  margin: 0.78vw 0 0;
}
.index-business .dema-upper .dema-right .swiper2 .swiper-button-all {
  position: absolute;
  bottom: 1.56vw;
  right: 1.56vw;
  z-index: 5;
  display: flex;
  align-items: center;
}
.index-business .dema-upper .dema-right .swiper2 .swiper-button-all .swiper-button {
  color: #FFFFFF;
  cursor: pointer;
}
.index-business .dema-upper .dema-right .swiper2 .swiper-button-all .swiper-button:hover {
  color: #0061af;
}
.index-business .dema-upper .dema-right .swiper2 .swiper-button-all .swiper-button .iconfont {
  font-size: 2.6vw;
}
.survey-survey .dema-upper .dema-ti1 {
  color: #000000;
}
.survey-survey .dema-upper .swiper1 .wrapper1 {
  justify-content: center;
}
.survey-survey .dema-upper .swiper1 .slide1 {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2.34vw 0 0;
}
.survey-survey .dema-upper .swiper1 .slide1 .dema-left {
  display: flex;
  align-items: flex-end;
  color: #54c9c9;
  margin: 0 0.416vw 0 0;
}
.survey-team .dema-upper .dema-ti1 {
  color: #000000;
}
.survey-team .dema-center .swiper1.active .wrapper1 {
  flex-wrap: wrap;
}
.survey-team .dema-center .swiper1 .slide1 {
  background: #f7f7f7;
  width: 23%;
  margin: 1%;
  cursor: pointer;
}
.survey-team .dema-center .swiper1 .slide1:hover .dema-picture .dema-img1 {
  transform: scale(1.05);
}
.survey-team .dema-center .swiper1 .slide1 .dema-picture {
  height: 17.472vw;
  overflow: hidden;
}
.survey-team .dema-center .swiper1 .slide1 .dema-word {
  padding: 1.352vw 2.184vw;
}
.survey-team .dema-center .swiper1 .slide1 .dema-word .dema-ti1 {
  color: #333333;
  margin: 0 0 0.52vw;
}
.survey-team .dema-center .swiper1 .slide1 .dema-word .dema-intr2 {
  display: none;
}
.survey-team .dema-lower .com-button1 .b2 {
  display: none;
}
.survey-team .dema-lower .com-button1.active .b1 {
  display: none;
}
.survey-team .dema-lower .com-button1.active .b2 {
  display: block;
}
.survey-team-layui .layui-layer-content {
  display: flex;
  padding: 5.2vw 4.68vw;
}
.survey-team-layui .layui-layer-content .dema-picture {
  width: 16.64vw;
}
.survey-team-layui .layui-layer-content .dema-word {
  flex: 1;
  overflow-y: auto;
  padding: 0 0 0 4.16vw;
}
.survey-team-layui .layui-layer-content .dema-word .dema-ti1 {
  color: #333333;
  font-size: 1.872vw;
}
.survey-team-layui .layui-layer-content .dema-word .dema-intr1 {
  margin: 1.04vw 0 1.872vw;
}
.survey-course .dema-upper .dema-ti1 {
  color: #000000;
}
.survey-course .dema-center {
  position: relative;
}
.survey-course .dema-center:before {
  content: '';
  width: 100%;
  height: calc(100% + 46 * 0.052vw);
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, transparent, #e7f6f2);
}
.survey-course .dema-center .swiper1 .slide1 .swiper2 .slide2 {
  display: flex;
}
.survey-course .dema-center .swiper1 .slide1 .swiper2 .slide2 .dema-picture {
  width: 32.24vw;
  height: 21.84vw;
}
.survey-course .dema-center .swiper1 .slide1 .swiper2 .slide2 .dema-word {
  flex: 1;
  padding: 0 1.56vw 0 6.76vw;
}
.survey-course .dema-center .swiper1 .slide1 .swiper2 .slide2 .dema-word .dema-ti1 {
  color: #0061af;
}
.survey-course .dema-center .swiper1 .slide1 .swiper2 .slide2 .dema-word .dema-time1 {
  font-size: 16px;
  display: flex;
  align-items: flex-end;
  margin: 2.808vw 0 1.04vw;
}
.survey-course .dema-center .swiper1 .slide1 .swiper2 .slide2 .dema-word .dema-time1 .dema-p1 {
  color: #333333;
  margin: 0 0.52vw -0.52vw 0;
}
.survey-course .dema-center .swiper1 .slide1 .swiper2 .swiper-button-all {
  position: absolute;
  bottom: 3.64vw;
  left: 38.48vw;
  display: flex;
  align-items: center;
  z-index: 5;
}
.survey-course .dema-center .swiper1 .slide1 .swiper2 .swiper-button-all .swiper-button {
  cursor: pointer;
  color: #999999;
}
.survey-course .dema-center .swiper1 .slide1 .swiper2 .swiper-button-all .swiper-button:hover {
  color: #0061af;
}
.survey-course .dema-center .swiper1 .slide1 .swiper2 .swiper-button-all .swiper-button .iconfont {
  font-size: 2.6vw;
}
.survey-course .dema-lower {
  border-bottom: 1px solid #e3e3e3;
}
.survey-course .dema-lower .swiper1 .slide1 {
  width: 14%;
  margin: 0 3%;
  padding: 1.56vw 0;
  margin: auto;
  border-bottom: 3px solid transparent;
  font-size: 1.456vw;
  color: #999999;
  text-align: center;
  cursor: pointer;
  font-weight: 600;
}
.survey-course .dema-lower .swiper1 .slide1.swiper-slide-thumb-active {
  border-bottom: 3px solid #0061af;
  color: #0061af;
}
.survey-honor .dema-upper .dema-ti1 {
  color: #000000;
}
.survey-honor .dema-center .swiper1 .slide1 {
  width: 15.06666667%;
  margin: 1.6% 0.8%;
  height: 7.8vw;
}
.development .dema-center .swiper1 {
  overflow: visible;
}
.development .dema-center .swiper1 .slide1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 3.64vw 0;
}
.development .dema-center .swiper1 .slide1:nth-of-type(2n) {
  flex-direction: row-reverse;
}
.development .dema-center .swiper1 .slide1:nth-of-type(2n+1):before {
  content: '';
  width: calc(100% + 200 * 0.052vw);
  height: calc(100% + 140 * 0.052vw);
  background: #f7f7f7;
  position: absolute;
  left: -5.2vw;
  top: -3.64vw;
}
.development .dema-center .swiper1 .slide1 .dema-picture {
  width: 35.88vw;
  height: 27.56vw;
}
.development .dema-center .swiper1 .slide1 .dema-word {
  width: 31.928vw;
  position: relative;
}
.development .dema-center .swiper1 .slide1 .dema-word .dema-ti1 {
  color: #0061af;
}
.development .dema-center .swiper1 .slide1 .dema-word .dema-ti2 {
  color: #333333;
  margin: 0.52vw 0 2.6vw;
}
.quality .dema-upper .dema-intr1 {
  text-align: center;
}
.quality .dema-center .swiper1 .slide1 {
  width: 12.792vw;
  height: 12.792vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.872vw;
  border-radius: 50%;
  margin: 0 1.664vw;
}
.quality .dema-center .swiper1 .slide1:nth-of-type(2n) {
  border: 2px solid #54c9c9;
}
.quality .dema-center .swiper1 .slide1:nth-of-type(2n) .iconfont {
  color: #54c9c9;
}
.quality .dema-center .swiper1 .slide1:nth-of-type(2n+1) {
  border: 2px solid #0061af;
}
.quality .dema-center .swiper1 .slide1:nth-of-type(2n+1) .iconfont {
  color: #0061af;
}
.quality .dema-center .swiper1 .slide1 .dema-nei {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  box-shadow: 0 0 1.04vw rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
}
.quality .dema-center .swiper1 .slide1 .iconfont {
  font-size: 3.12vw;
}
.quality .dema-center .swiper1 .slide1 .dema-p1 {
  font-size: 1.352vw;
  color: #333333;
}
.quality .dema-lower .dema-bot .swiper1 .slide1 {
  width: 9.36vw;
  height: 21.528vw;
  margin: 0 0.52vw;
}
.quality .dema-lower .dema-bot .swiper1 .slide1.active {
  flex: 1;
  animation: fadeIn 0.6s ease both;
}
.quality .dema-lower .dema-bot .swiper1 .slide1.active .dema-word {
  padding: 2.912vw 3.328vw;
  align-items: flex-start;
}
.quality .dema-lower .dema-bot .swiper1 .slide1.active .dema-word .dema-ti2 {
  display: block;
}
.quality .dema-lower .dema-bot .swiper1 .slide1 .dema-word {
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 2.912vw 0;
}
.quality .dema-lower .dema-bot .swiper1 .slide1 .dema-word .dema-ti2 {
  display: none;
  margin: 1.04vw 0 0;
  text-align: justify;
}
.culture .dema-upper .dema-intr1 {
  text-align: center;
}
.culture .dema-center {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.6vw 3.64vw;
}
.culture .dema-center .dema-left {
  width: 36.4vw;
  height: 30.16vw;
}
.culture .dema-center .dema-right {
  width: 25.48vw;
  position: relative;
}
.culture .dema-center .dema-right .layui-collapse .layui-colla-item {
  border-bottom: 1px solid #dedede;
}
.culture .dema-center .dema-right .layui-collapse .layui-colla-item.layui-item-show {
  border-bottom: 1px solid #0061af;
}
.culture .dema-center .dema-right .layui-collapse .layui-colla-item.layui-item-show * {
  color: #0061af !important;
}
.culture .dema-center .dema-right .layui-collapse .layui-colla-item.layui-item-show .layui-colla-title {
  font-size: 1.664vw;
}
.culture .dema-center .dema-right .layui-collapse .layui-colla-item .layui-colla-title {
  background-color: transparent;
  font-size: 20px;
  color: #000000;
  height: auto;
  line-height: inherit;
  padding: 1.04vw 0;
}
.culture .dema-center .dema-right .layui-collapse .layui-colla-item .layui-colla-title .layui-colla-icon {
  left: auto;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.culture .dema-center .dema-right .layui-collapse .layui-colla-item .layui-colla-content {
  font-size: 1.04vw;
  line-height: 1.56vw;
  padding: 0 0 1.04vw;
  text-align: justify;
}
.responsibility-dedication .dema-center .dema-intr1 {
  text-align: center;
}
.responsibility-dedication .dema-lower .swiper1 {
  overflow: visible;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .swiper2 .slide2 {
  width: 31.33333333%;
  height: auto;
  margin: 0 1%;
  background: #f7f7f7;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .swiper2 .slide2 .dema-picture {
  height: 15.912vw;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .swiper2 .slide2 .dema-word {
  padding: 2.08vw;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .swiper-button-all .swiper-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 5;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .swiper-button-all .swiper-button .iconfont {
  font-size: 2.6vw;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .swiper-button-all .swiper-button:hover {
  color: #0061af;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .swiper-button-all .swiper-prev {
  left: -3.12vw;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .swiper-button-all .swiper-next {
  right: -3.12vw;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .dema-mid {
  display: flex;
  align-items: center;
  background: #f7f7f7;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .dema-mid .dema-left {
  width: 37.44vw;
  height: 24.44vw;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .dema-mid .dema-right {
  flex: 1;
  padding: 0 4.68vw;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .dema-bot {
  display: flex;
  align-items: center;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .dema-bot .dema-left {
  flex: 1;
  padding: 0 1.872vw 0 0;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .dema-bot .dema-left .swiper-word .slide-word {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e3e3e3;
  padding: 1.56vw 0;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .dema-bot .dema-left .swiper-word .slide-word:last-of-type {
  border-bottom: 1px solid transparent;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .dema-bot .dema-left .swiper-word .slide-word .dema-left {
  background: #f2f7fc;
  border-radius: 50%;
  color: #0061af;
  font-size: 1.56vw;
  line-height: 1.872vw;
  width: 6.76vw;
  height: 6.76vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .dema-bot .dema-left .swiper-word .slide-word .dema-right {
  flex: 1;
  overflow: hidden;
  padding: 0 0 0 1.768vw;
}
.responsibility-dedication .dema-lower .swiper1 .slide1 .dema-bot .dema-right {
  width: 35.672vw;
  padding: 0 2.08vw;
}
.responsibility-games .dema-center .dema-mid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4.68vw 0;
  position: relative;
}
.responsibility-games .dema-center .dema-mid.dema-mid-noback:before {
  display: none;
}
.responsibility-games .dema-center .dema-mid:before {
  content: '';
  width: calc(100% + 200 * 0.052vw);
  height: 100%;
  background: #f7f7f7;
  position: absolute;
  left: -5.2vw;
  top: 0;
}
.responsibility-games .dema-center .dema-mid .dema-word {
  width: calc(100% - 720 * 0.052vw - 110 * 0.052vw);
  position: relative;
}
.responsibility-games .dema-center .dema-mid .dema-word .dema-img1 {
  width: 8.32vw;
}
.responsibility-games .dema-center .dema-mid .dema-word .dema-intr1 {
  font-size: 1.248vw;
  line-height: 2.08vw;
  color: #333333;
  margin: 4.68vw 0 0;
}
.responsibility-games .dema-center .dema-mid .dema-picture {
  width: 37.44vw;
  height: 25.48vw;
}
.responsibility-games .dema-center .dema-bot .swiper2 .slide2 {
  margin: 5.2vw 0 0;
  text-align: center;
}
.responsibility-games .dema-center .dema-bot .swiper2 .slide2 .dema-intr1 {
  margin: 0.52vw 0 0;
}
.responsibility-games .dema-center .dema-bot .swiper2 .slide2 .dema-picture {
  width: 53.56vw;
  margin: 2.08vw auto 0;
}
.responsibility-help .dema-center .dema-mid {
  display: flex;
  align-items: center;
  padding: 2.08vw 0;
  position: relative;
}
.responsibility-help .dema-center .dema-mid:before {
  content: '';
  width: calc(100% + 200 * 0.052vw);
  height: 100%;
  background: #f7f7f7;
  position: absolute;
  left: -5.2vw;
  top: 0;
}
.responsibility-help .dema-center .dema-mid .dema-word {
  flex: 1;
  padding: 0 8.32vw 0 0;
  position: relative;
}
.responsibility-help .dema-center .dema-mid .dema-word .dema-intr1 {
  font-size: 1.248vw;
  line-height: 1.976vw;
  color: #333333;
}
.responsibility-help .dema-center .dema-mid .dema-word .swiper2 .slide2 {
  color: #0061af;
  font-size: 1.144vw;
  margin: 0.832vw 0 0;
  display: flex;
  align-items: center;
}
.responsibility-help .dema-center .dema-mid .dema-word .swiper2 .slide2 .dema-img1 {
  width: 1.04vw;
  margin: 0 0.832vw 0 0;
}
.responsibility-help .dema-center .dema-mid .dema-picture {
  width: 39vw;
  height: 31.2vw;
}
.responsibility-help .dema-center .dema-bot .swiper2 .slide2 {
  margin: 5.2vw 0 0;
}
.responsibility-help .dema-center .dema-bot .swiper2 .slide2 .dema-sha {
  text-align: center;
}
.responsibility-help .dema-center .dema-bot .swiper2 .slide2 .dema-sha .dema-intr1 {
  margin: 1.04vw 0 0;
}
.responsibility-help .dema-center .dema-bot .swiper2 .slide2 .swiper-science .slide-science {
  width: 25%;
  color: #FFFFFF;
  padding: 2.08vw;
  height: auto;
}
.responsibility-help .dema-center .dema-bot .swiper2 .slide2 .swiper-science .slide-science:nth-of-type(4n+1) {
  background: #0954a6;
}
.responsibility-help .dema-center .dema-bot .swiper2 .slide2 .swiper-science .slide-science:nth-of-type(4n+2) {
  background: #6488fe;
}
.responsibility-help .dema-center .dema-bot .swiper2 .slide2 .swiper-science .slide-science:nth-of-type(4n+3) {
  background: #44baf4;
}
.responsibility-help .dema-center .dema-bot .swiper2 .slide2 .swiper-science .slide-science:nth-of-type(4n+4) {
  background: #7fe386;
}
.responsibility-help .dema-center .dema-bot .swiper2 .slide2 .swiper-science .slide-science .dema-ti1 {
  font-size: 1.56vw;
}
.responsibility-help .dema-center .dema-bot .swiper2 .slide2 .swiper-science .slide-science .dema-intr1 {
  font-size: 1.04vw;
  line-height: 1.976vw;
  margin: 2.6vw 0 0;
}
.responsibility-help .dema-center .dema-bot .swiper2 .slide2 .swiper-union .slide-union {
  width: 31.33333333%;
  margin: 0 1%;
  height: auto;
  background: #f7f7f7;
}
.responsibility-help .dema-center .dema-bot .swiper2 .slide2 .swiper-union .slide-union .dema-picture {
  height: 15.6vw;
}
.responsibility-help .dema-center .dema-bot .swiper2 .slide2 .swiper-union .slide-union .dema-word {
  padding: 2.288vw;
}
.responsibility-help .dema-center .dema-bot .swiper2 .slide2 .swiper-union .slide-union .dema-word .dema-ti1 {
  color: #333333;
}
.responsibility-help .dema-center .dema-bot .swiper2 .slide2 .swiper-union .slide-union .dema-word .dema-intr1 {
  margin: 1.04vw 0 0;
}
.responsibility-help .dema-center .dema-bot .swiper2 .slide2 .swiper-union .slide-union .dema-word .dema-intr1 b {
  font-size: 1.04vw;
  color: #000000;
}
.recruit-cultivation .dema-lower .swiper1 {
  overflow: visible;
}
.recruit-cultivation .dema-lower .swiper1 .slide1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 4.16vw 0;
}
.recruit-cultivation .dema-lower .swiper1 .slide1:nth-of-type(2n) {
  flex-direction: row-reverse;
}
.recruit-cultivation .dema-lower .swiper1 .slide1:nth-of-type(2n+1):before {
  content: '';
  width: calc(100% + 200 * 0.052vw);
  height: calc(100% + 160 * 0.052vw);
  background: #f7f7f7;
  position: absolute;
  left: -5.2vw;
  top: -4.16vw;
}
.recruit-cultivation .dema-lower .swiper1 .slide1 .dema-picture {
  width: 37.44vw;
  height: 24.96vw;
}
.recruit-cultivation .dema-lower .swiper1 .slide1 .dema-word {
  width: 31.928vw;
  position: relative;
}
.recruit-cultivation .dema-lower .swiper1 .slide1 .dema-word .dema-ti1 {
  color: #333333;
}
.recruit-cultivation .dema-lower .swiper1 .slide1 .dema-word .dema-intr1 {
  margin: 1.56vw 0 2.08vw;
}
.recruit-work .dema-lower .swiper1 .slide1 {
  width: 46%;
  height: auto;
  margin: 1% 2%;
  border-bottom: 1px solid #e3e3e3;
}
.recruit-work .dema-lower .swiper1 .slide1:hover .dema-word {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-image: linear-gradient(transparent, #0061af);
  animation: fadeInUp1 0.3s ease both;
}
.recruit-work .dema-lower .swiper1 .slide1:hover .dema-word * {
  color: #FFFFFF !important;
}
.recruit-work .dema-lower .swiper1 .slide1:hover .dema-word .dema-intr1 {
  display: block;
}
.recruit-work .dema-lower .swiper1 .slide1 .dema-picture {
  height: 21.32vw;
}
.recruit-work .dema-lower .swiper1 .slide1 .dema-word {
  padding: 1.872vw;
  transition: all 0.3s ease;
}
.recruit-work .dema-lower .swiper1 .slide1 .dema-word .dema-ti1 {
  font-size: 1.456vw;
}
.recruit-work .dema-lower .swiper1 .slide1 .dema-word .dema-ti1 b {
  color: #333333;
}
.recruit-work .dema-lower .swiper1 .slide1 .dema-word .dema-intr1 {
  display: none;
  margin: 1.144vw 0 0;
}
.recruit-information .dema-center .swiper1 {
  overflow: visible;
}
.recruit-information .dema-center .swiper1 .slide1 {
  width: 48%;
  height: auto;
  margin: 0 1%;
  box-shadow: 0 0 0.78vw rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.392vw;
}
.recruit-information .dema-center .swiper1 .slide1:nth-of-type(2n) .dema-picture .iconfont {
  background: linear-gradient(to right, #13a783, transparent);
}
.recruit-information .dema-center .swiper1 .slide1:nth-of-type(2n) .dema-word .dema-more1 {
  color: #54c9c9;
}
.recruit-information .dema-center .swiper1 .slide1:nth-of-type(2n+1) .dema-picture .iconfont {
  background: linear-gradient(to right, #0954a6, transparent);
}
.recruit-information .dema-center .swiper1 .slide1:nth-of-type(2n+1) .dema-word .dema-more1 {
  color: #0061af;
}
.recruit-information .dema-center .swiper1 .slide1 .dema-picture .dema-img1 {
  width: 7.072vw;
}
.recruit-information .dema-center .swiper1 .slide1 .dema-picture .iconfont {
  font-size: 6.24vw;
  line-height: 6.24vw;
  -webkit-background-clip: text !important;
  color: transparent;
}
.recruit-information .dema-center .swiper1 .slide1 .dema-word .dema-ti1 {
  color: #333333;
}
.recruit-information .dema-center .swiper1 .slide1 .dema-word .dema-more1 {
  font-size: 18px;
  margin: 2.6vw 0 0;
  display: flex;
  align-items: center;
}
.recruit-information .dema-center .swiper1 .slide1 .dema-word .dema-more1 .iconfont {
  font-size: 22px;
  margin: 0 0 0 0.52vw;
}
.recruit-information-detail .dema-center .layui-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -0.52vw;
}
.recruit-information-detail .dema-center .layui-form .layui-form-item {
  display: flex;
  align-items: center;
  margin: 0 0.52vw;
  width: 14.56vw;
}
.recruit-information-detail .dema-center .layui-form .layui-form-item:last-of-type {
  flex: 1;
}
.recruit-information-detail .dema-center .layui-form .layui-form-item .layui-form-select {
  width: 100%;
}
.recruit-information-detail .dema-center .layui-form .layui-form-item .layui-input {
  background: #f3f3f3;
}
.recruit-information-detail .dema-lower .swiper1 {
  width: calc(100% + 140 * 0.052vw);
  margin: 0 -3.64vw;
}
.recruit-information-detail .dema-lower .swiper1 .wrapper1 {
  align-items: center;
}
.recruit-information-detail .dema-lower .swiper1 .slide1 {
  width: 25%;
  text-align: center;
  padding: 1.56vw 0;
}
.recruit-information-detail .dema-lower .dema-top {
  border-top: 2px solid #0061af;
  font-size: 20px;
  color: #0061af;
}
.recruit-information-detail .dema-lower .dema-mid .layui-collapse .layui-colla-item .layui-colla-title {
  height: auto;
  line-height: inherit;
  font-size: 18px;
  padding: 0;
}
.recruit-information-detail .dema-lower .dema-mid .layui-collapse .layui-colla-item .layui-colla-title .layui-colla-icon {
  left: auto;
  right: 5.72vw;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
}
.recruit-information-detail .dema-lower .dema-mid .layui-collapse .layui-colla-item .layui-colla-content {
  padding: 2.6vw 3.12vw 4.16vw;
}
.recruit-information-detail .dema-lower .dema-mid .layui-collapse .layui-colla-item .layui-colla-content .layui-btn {
  margin: 2.6vw 0 0;
  background: #0061af;
}
.job-resume .dema-lower .dema-table1 {
  width: 100%;
}
.job-resume .dema-lower .dema-table1 tr {
  color: #000000;
}
.job-resume .dema-lower .dema-table1 tr:first-of-type {
  font-weight: bold;
  font-size: 18px;
  background: #0061af;
  color: #FFFFFF;
}
.job-resume .dema-lower .dema-table1 tr:first-of-type td {
  text-align: center !important;
}
.job-resume .dema-lower .dema-table1 tr:last-of-type td {
  text-align: center !important;
}
.job-resume .dema-lower .dema-table1 tr td {
  border: 1px solid #e3e3e3;
  padding: 0.832vw;
}
.job-resume .dema-lower .dema-table1 tr td:nth-of-type(2n+1) {
  font-weight: bold;
  text-align: right;
  width: 15%;
}
.job-resume .dema-lower .dema-table1 tr td:nth-of-type(2n) {
  width: 35%;
}
.job-resume .dema-lower .dema-table1 tr td .dema-input1 {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.job-resume .dema-lower .dema-table1 tr td .dema-button1 {
  cursor: pointer;
  padding: 0.832vw 4.16vw;
  border-radius: 0.52vw;
  margin: 0 0.52vw;
}
.job-resume .dema-lower .dema-table1 tr td .dema-button1.dema-button1-submit {
  background: #0061af;
  color: #FFFFFF;
}
.job-resume .dema-lower .dema-table1 tr td .dema-button1.dema-button1-reset {
  border: 1px solid #e3e3e3;
}
.contact .dema-upper {
  display: flex;
}
.contact .dema-upper .dema-left {
  flex: 1;
}
.contact .dema-upper .dema-right {
  width: 26vw;
  padding: 3.9vw;
  background: #0061af;
  color: #FFFFFF;
  position: relative;
}
.contact .dema-upper .dema-right .dema-backimg1 {
  width: 92%;
  position: absolute;
  bottom: 0;
  right: 0;
}
.contact .dema-upper .dema-right .swiper1 {
  height: auto;
  margin: 1.56vw 0 0;
}
.contact .dema-upper .dema-right .swiper1 .slide1 {
  margin: 0.832vw 0;
}
.contact .dema-upper .dema-right .swiper1 .slide1 .dema-p1 {
  display: flex;
  align-items: center;
}
.contact .dema-upper .dema-right .swiper1 .slide1 .dema-p1 .iconfont {
  font-size: 1.248vw;
  margin: 0 0.52vw 0 0;
}
.contact .dema-upper .dema-right .swiper1 .slide1 .dema-p1 b {
  font-size: 1.248vw;
}
.contact .dema-upper .dema-right .swiper1 .slide1 .dema-p2 {
  font-size: 18px;
  margin: 0.52vw 0 0;
}
.contact .dema-center .swiper1 {
  overflow: visible;
}
.contact .dema-center .swiper1 .wrapper1 {
  flex-wrap: wrap;
}
.contact .dema-center .swiper1 .slide1 {
  width: 31.33333333%;
  margin: 0 1%;
  border-top: 2px solid #0061af;
  padding: 2.08vw 2.08vw 3.12vw;
  transition: all 0.3s ease;
}
.contact .dema-center .swiper1 .slide1:hover {
  box-shadow: 0 0 1.56vw rgba(0, 0, 0, 0.2);
}
.contact .dema-center .swiper1 .slide1 .dema-ti1 {
  color: #333333;
  padding: 0 0 1.04vw;
}
.contact .dema-center .swiper1 .slide1 .dema-p1 {
  display: flex;
  align-items: center;
  font-size: 18px;
  margin: 0.728vw 0 0;
}
.contact .dema-center .swiper1 .slide1 .dema-p1 .iconfont {
  color: #0061af;
  font-size: 26px;
  margin: 0 0.52vw 0 0;
}
.contact .dema-lower .layui-form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.contact .dema-lower .layui-form .layui-form-item {
  width: 31.73333333%;
  margin: 0.8%;
}
.contact .dema-lower .layui-form .layui-form-item .layui-textarea {
  height: 17.16vw;
}
.contact .dema-lower .layui-form .layui-form-item .layui-btn {
  background: #0061af;
}
.contact .dema-lower .layui-form .layui-form-item-100 {
  width: 98%;
}
.company .dema-upper {
  background: #f7f7f7;
}
.company .dema-upper .swiper1 .slide1 .dema-picture {
  width: 50%;
  height: 26vw;
}
.company .dema-upper .swiper1 .slide1 .dema-word {
  flex: 1;
  padding: 3.12vw 4.16vw;
  font-size: 16px;
}
.company .dema-upper .swiper1 .slide1 .dema-word .dema-ti1 {
  font-size: 1.56vw;
  line-height: 2.496vw;
  margin: 0.78vw 0 1.3vw;
}
.company .dema-upper .swiper1 .slide1 .dema-word .dema-a1 {
  color: #0061af;
  margin: 4.68vw 0 0;
}
.company .dema-upper .swiper1 .swiper1-pagination {
  width: auto;
  left: auto;
  right: 4.16vw;
  bottom: 3.12vw;
}
.company .dema-center .swiper1 .slide1 {
  padding: 2.6vw 0;
  border-bottom: 1px solid #e3e3e3;
}
.company .dema-center .swiper1 .slide1 .dema-picture {
  width: 19.552vw;
  height: 11.96vw;
}
.company .dema-center .swiper1 .slide1 .dema-word {
  flex: 1;
  overflow: hidden;
  padding: 0.78vw 5.2vw 0 3.64vw;
  font-size: 16px;
}
.company .dema-center .swiper1 .slide1 .dema-word .dema-ti1 {
  font-size: 22px;
}
.company .dema-center .swiper1 .slide1 .dema-word .dema-intr1 {
  margin: 0.78vw 0 3.12vw;
}
.company .dema-center .swiper1 .slide1 .dema-word .dema-a1 {
  color: #0061af;
}
.company .dema-center .swiper1 .slide1 .dema-time1 {
  border-left: 1px solid #e3e3e3;
  color: #0061af;
  padding: 1.3vw 2.34vw;
}
.company .dema-center .swiper1 .slide1 .dema-time1 .dema-date1 {
  font-size: 2.496vw;
}
.news-detail.news-detail-back {
  background: #e8ecef;
}
.news-detail .com-cont {
  background: #FFFFFF;
  position: relative;
}
.news-detail .dema-center .dema-ti1 {
  font-size: 32px;
  color: #000000;
}
.news-detail .dema-center .dema-label1 {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e3e3e3;
  padding: 1.04vw 0;
}
.news-detail .dema-center .dema-label1 .dema-p1 {
  margin: 0 16px;
}
.news-detail .dema-center .dema-intr1 {
  font-size: 16px;
}
.news-detail .dema-lower {
  border-bottom: 1px solid #e3e3e3;
  padding: 0 0 20px;
}
.news-detail .dema-lower .swiper1 .wrapper1 {
  align-items: flex-end;
  justify-content: space-between;
}
.news-detail .dema-lower .swiper1 .slide1 {
  width: auto;
  line-height: 30px;
}
.news-list .dema-center .swiper1 .slide1 {
  padding: 2.08vw 0;
  border-bottom: 1px solid #e3e3e3;
  display: flex;
  align-items: center;
}
.news-list .dema-center .swiper1 .slide1 .dema-word {
  flex: 1;
  padding: 0 1.56vw 0 0;
}
.news-list .dema-center .swiper1 .slide1 .dema-word .dema-ti1 {
  font-size: 22px;
}
.news-list .dema-center .swiper1 .slide1 .dema-time1 {
  color: #0061af;
  margin: 1.04vw 0 0;
}
.learning .dema-center .swiper1 .slide1 {
  width: 31.33333333%;
  margin: 1%;
  background: #f7f7f7;
}
.learning .dema-center .swiper1 .slide1 .dema-picture {
  height: 16.12vw;
}
.learning .dema-center .swiper1 .slide1 .dema-word {
  padding: 1.82vw;
  font-size: 18px;
}
.learning .dema-center .swiper1 .slide1 .dema-word .dema-ti1 {
  font-size: 1.144vw;
  line-height: 1.664vw;
  margin: 0 0 1.04vw;
}
.multimedia .dema-center {
  border-top: 1px solid #e3e3e3;
}
.multimedia .dema-center .dema-left {
  width: 13.52vw;
  border-bottom: 1px solid #e3e3e3;
}
.multimedia .dema-center .dema-left .swiper1 .slide1 {
  display: flex;
  align-items: center;
  padding: 1.04vw 1.82vw;
  border-top: 1px solid #e3e3e3;
  font-size: 18px;
}
.multimedia .dema-center .dema-left .swiper1 .slide1 .iconfont {
  font-size: 1.56vw;
  margin: 0 1.04vw 0 0;
}
.multimedia .dema-center .dema-left .swiper1 .slide1.active,
.multimedia .dema-center .dema-left .swiper1 .slide1:hover {
  border-top: 3px solid #0061af;
  color: #0061af;
}
.multimedia .dema-center .dema-left .swiper1 .slide1.active *,
.multimedia .dema-center .dema-left .swiper1 .slide1:hover * {
  font-weight: 500;
}
.multimedia .dema-center .dema-right {
  width: 55.64vw;
  overflow: hidden;
}
.swiper1-enlightenment .slide1 {
  width: 21%;
  background-color: transparent;
  border-bottom: 1px solid #e3e3e3;
}
.swiper1-enlightenment .slide1 .dema-picture {
  height: 23.296vw;
  border: 1px solid #e3e3e3;
}
.swiper1-trademark .slide1 {
  width: 19.76vw;
  margin: 0 0 2.6vw 2.6vw;
}
.swiper1-trademark .slide1 .dema-picture {
  height: 11.128vw;
}
.swiper1-trademark .slide1 .dema-word {
  padding: 1.04vw 1.3vw;
  color: #333333;
  font-size: 20px;
}
.swiper1-trademark .slide1 .dema-word .iconfont {
  color: #0061af;
  font-size: 30px;
}
.swiper1-management .slide1 {
  width: 29.33333333%;
  margin: 2%;
  background: #f7f7f7;
}
.swiper1-management .slide1 .dema-picture {
  height: 16.848vw;
}
.swiper1-management .slide1 .dema-word {
  padding: 1.04vw 1.3vw;
  color: #333333;
  font-size: 20px;
}
.swiper1-management .slide1 .dema-word .iconfont {
  color: #0061af;
  font-size: 30px;
}
.swiper1-enterprise .slide1 .dema-picture {
  height: 11.648vw;
}
.swiper1-video .slide1 {
  width: 46%;
}
.swiper1-video .slide1 .dema-picture {
  height: 15.392vw;
}
.diagnosis-programme .dema-center .swiper1 {
  padding: 0 0 calc(8px + 40 * 0.052vw);
}
.diagnosis-programme .dema-center .swiper1 .slide1 {
  width: 24.96vw;
  padding: 4.68vw 2.288vw 0;
  border-right: 1px solid #e3e3e3;
}
.diagnosis-programme .dema-center .swiper1 .slide1:hover .dema-word .dema-ti1 {
  color: #0061af;
}
.diagnosis-programme .dema-center .swiper1 .slide1:hover .dema-picture .dema-img1 {
  transform: scale(1.05);
}
.diagnosis-programme .dema-center .swiper1 .slide1 .dema-word .dema-ti1 {
  color: #333333;
}
.diagnosis-programme .dema-center .swiper1 .slide1 .dema-word .dema-intr1 {
  margin: 1.248vw 0 3.848vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 76px;
}
.diagnosis-programme .dema-center .swiper1 .slide1 .dema-word .dema-more1 {
  color: #0061af;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.diagnosis-programme .dema-center .swiper1 .slide1 .dema-word .dema-more1 .iconfont {
  font-size: 20px;
  margin: 0 0 0 0.52vw;
}
.diagnosis-programme .dema-center .swiper1 .slide1 .dema-picture {
  height: 12.896vw;
  margin: 2.392vw 0 0;
  overflow: hidden;
}
.diagnosis-programme .dema-center .swiper1 .swiper1-scrollbar .swiper-scrollbar-drag {
  background: #0061af;
}
.diagnosis-pattern .dema-center .swiper1 .slide1 {
  width: 49%;
  margin: 0 0.5%;
  display: flex;
}
.diagnosis-pattern .dema-center .swiper1 .slide1:nth-of-type(2n) {
  background: #eaf2f1;
}
.diagnosis-pattern .dema-center .swiper1 .slide1:nth-of-type(2n+1) {
  background: #eef1fa;
}
.diagnosis-pattern .dema-center .swiper1 .slide1 .dema-word {
  flex: 1;
  padding: 3.12vw 2.08vw;
}
.diagnosis-pattern .dema-center .swiper1 .slide1 .dema-word .dema-ti1 {
  color: #333333;
}
.diagnosis-pattern .dema-center .swiper1 .slide1 .dema-word .dema-intr1 {
  margin: 1.04vw 0 0;
}
.diagnosis-pattern .dema-center .swiper1 .slide1 .dema-picture {
  width: 18.72vw;
  height: 18.72vw;
}
.diagnosis-detail-banner {
  position: relative;
  padding: 1.56vw 0 12.48vw;
  color: #FFFFFF;
}
.diagnosis-detail-banner:before {
  content: '';
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.diagnosis-detail-banner .layui-breadcrumb * {
  color: #FFFFFF !important;
}
.diagnosis-detail {
  background: #e8ecef;
}
.diagnosis-detail .com-cont {
  display: flex;
  background: #FFFFFF;
  padding: 6.76vw 5.72vw;
  position: relative;
  margin-top: -6.76vw;
}
.diagnosis-detail .dema-left {
  flex: 1;
  overflow: hidden;
  padding: 0 2.808vw 0 0;
  border-right: 1px solid #e3e3e3;
}
.diagnosis-detail .dema-left .swiper1 {
  margin: -2.912vw 0 0;
  height: auto;
}
.diagnosis-detail .dema-left .swiper1 .slide1 {
  margin: 2.912vw 0 0;
}
.diagnosis-detail .dema-left .swiper1 .slide1 .dema-bot {
  margin: 1.352vw 0 0;
}
.diagnosis-detail .dema-left .swiper1 .slide1 .layui-btn1 {
  padding: 0 30px;
  background: #0061af;
}
.diagnosis-detail .dema-left .layui-collapse {
  border: none;
}
.diagnosis-detail .dema-left .layui-collapse .layui-colla-item {
  margin: 0 0 3px;
}
.diagnosis-detail .dema-left .layui-collapse .layui-colla-item .layui-colla-title {
  height: auto;
  line-height: inherit;
  padding: 1.04vw 2.08vw;
  background-color: #eef4f8;
  font-size: 18px;
}
.diagnosis-detail .dema-left .layui-collapse .layui-colla-item .layui-colla-title .layui-colla-icon {
  left: auto;
  right: 2.08vw;
  top: 50%;
  transform: translateY(-50%);
}
.diagnosis-detail .dema-left .layui-collapse .layui-colla-item .layui-colla-content {
  padding: 1.56vw 2.912vw;
}
.diagnosis-detail .dema-left .swiper-programme .slide-programme {
  width: 31.33333333%;
  height: auto;
  margin: 0 1%;
  background: #f7f7f7;
}
.diagnosis-detail .dema-left .swiper-programme .slide-programme .dema-picture {
  height: 10.4vw;
}
.diagnosis-detail .dema-left .swiper-programme .slide-programme .dema-word {
  padding: 1.352vw;
  font-size: 16px;
}
.diagnosis-detail .dema-left .swiper-programme .slide-programme .dema-word .dema-ti1 {
  font-size: 18px;
  color: #333333;
}
.diagnosis-detail .dema-left .swiper-programme .slide-programme .dema-word .dema-more1 {
  display: flex;
  align-items: center;
  color: #0061af;
  margin: 1.04vw 0 0;
}
.diagnosis-detail .dema-left .swiper-programme .slide-programme .dema-word .dema-more1 .iconfont {
  font-size: 20px;
}
.diagnosis-detail .dema-right {
  width: 364px;
  padding: 0 0 0 2.912vw;
}
.diagnosis-detail .dema-right .swiper1 {
  height: auto;
  margin: 1.04vw 0 0;
  overflow: visible;
}
.diagnosis-detail .dema-right .swiper1 .slide1 {
  display: flex;
  align-items: center;
  padding: 0.936vw 1.248vw;
  margin: 0 0 0.52vw;
  color: #FFFFFF;
  font-size: 18px;
  transition: all 0.3s ease;
}
.diagnosis-detail .dema-right .swiper1 .slide1:nth-of-type(6n+1) {
  background: #44baf4;
}
.diagnosis-detail .dema-right .swiper1 .slide1:nth-of-type(6n+2) {
  background: #6488fe;
}
.diagnosis-detail .dema-right .swiper1 .slide1:nth-of-type(6n+3) {
  background: #0061af;
}
.diagnosis-detail .dema-right .swiper1 .slide1:nth-of-type(6n+4) {
  background: #7fe386;
}
.diagnosis-detail .dema-right .swiper1 .slide1:nth-of-type(6n+5) {
  background: #13a783;
}
.diagnosis-detail .dema-right .swiper1 .slide1:nth-of-type(6n+6) {
  background: #c4c13e;
}
.diagnosis-detail .dema-right .swiper1 .slide1.active,
.diagnosis-detail .dema-right .swiper1 .slide1:hover {
  background: url('../images/jianbain.png') no-repeat center / cover;
  width: 110%;
}
.diagnosis-detail .dema-right .swiper1 .slide1 .iconfont {
  font-size: 28px;
  margin: 0 0.624vw 0 0;
}
.platform {
  background: #e8ecef;
}
.platform .com-cont {
  padding: 3.64vw 6.24vw;
  background: #FFFFFF;
}
.platform .com-cont2 {
  width: calc(1200px + 200 * 0.052vw);
  padding: 3.64vw 0;
  position: relative;
  background: #FFFFFF;
  z-index: 5;
  margin: 0 auto;
}
.platform .dema-upper {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e3e3e3;
  padding: 0 0 1.04vw;
}
.platform .dema-upper .dema-ti1 {
  color: #333333;
}
.platform .dema-upper .dema-more1 {
  background: #0061af;
  color: #FFFFFF;
  padding: 0.832vw 2.392vw;
  border-radius: 2.08vw;
  font-size: 16px;
  display: none;
}
.platform .dema-lower {
  border-top: 1px solid #e3e3e3;
}
.platform .dema-lower .dema-top .dema-ti1 {
  color: #333333;
}
.platform .dema-lower .dema-bot .swiper-programme .slide-programme {
  width: 31.33333333%;
  margin: 0 1%;
  background: #f7f7f7;
}
.platform .dema-lower .dema-bot .swiper-programme .slide-programme .dema-picture {
  height: 10.4vw;
}
.platform .dema-lower .dema-bot .swiper-programme .slide-programme .dema-word {
  padding: 1.352vw;
  font-size: 16px;
}
.platform .dema-lower .dema-bot .swiper-programme .slide-programme .dema-word .dema-ti1 {
  font-size: 18px;
  color: #333333;
}
.platform .dema-lower .dema-bot .swiper-programme .slide-programme .dema-word .dema-more1 {
  display: flex;
  align-items: center;
  color: #0061af;
  margin: 1.04vw 0 0;
}
.platform .dema-lower .dema-bot .swiper-programme .slide-programme .dema-word .dema-more1 .iconfont {
  font-size: 20px;
}
.core .swiper1 .slide1 {
  margin: 2.6vw 0;
}
.core .swiper1 .slide1 .dema-top .dema-ti1 {
  color: #333333;
}
.core .swiper1 .slide1 .dema-bot .dema-picture {
  float: right;
  width: 30.16vw;
  height: 17.68vw;
  margin: 0 0 2.6vw 2.6vw;
}
.other .swiper1 .slide1 {
  margin: 1.56vw 0;
  display: flex;
  background: #dff3fb;
}
.other .swiper1 .slide1:nth-of-type(2n) {
  flex-direction: row-reverse;
}
.other .swiper1 .slide1:nth-of-type(3) ~ .slide1 {
  background: #edf6f3;
}
.other .swiper1 .slide1 .dema-picture {
  width: 50%;
  height: 19.24vw;
}
.other .swiper1 .slide1 .dema-word {
  padding: 3.12vw 3.12vw 0 4.16vw;
  flex: 1;
}
.other .swiper1 .slide1 .dema-word .dema-ti1 {
  color: #333333;
  margin: 0 0 2.08vw;
  display: flex;
  align-items: center;
}
.other .swiper1 .slide1 .dema-word .dema-ti1 .iconfont {
  color: #0061af;
  font-size: 1.04vw;
  margin: 0 1.04vw 0 -2.08vw;
}
.production .swiper1 .slide1 {
  margin: calc(50 * 0.052vw - 26px - 80 * 0.052vw - 21px - 40 * 0.052vw) 0 2.6vw;
  padding: calc(26px + 80 * 0.052vw + 21px + 40 * 0.052vw) 0 0;
}
.production .swiper1 .slide1 .dema-ti1 {
  color: #333333;
  text-align: center;
}
.production .swiper1 .slide1 .dema-intr1 {
  margin: 1.04vw 0 2.08vw;
}
.production .swiper1 .slide1 .swiper2 .slide2 {
  width: 31.33333333%;
  margin: 0 1%;
  background: #f7f7f7;
  height: auto;
}
.production .swiper1 .slide1 .swiper2 .slide2 .dema-picture {
  height: 11.96vw;
  border: 1px solid #e3e3e3;
}
.production .swiper1 .slide1 .swiper2 .slide2 .dema-word {
  padding: 1.768vw;
  font-size: 16px;
  text-align: justify;
}
.production .swiper1 .slide1 .swiper2 .slide2 .dema-word .dema-p1 {
  font-size: 20px;
  line-height: 32px;
  color: #333333;
  margin: 0 0 1.04vw;
}
.business .dema-bot .swiper1 .slide1 {
  width: 31.33333333%;
  margin: 2% 1%;
  background: #f7f7f7;
}
.business .dema-bot .swiper1 .slide1 .dema-word {
  padding: 1.768vw;
  font-size: 18px;
  line-height: 28px;
  min-height: 176px;
}
.business .dema-bot .swiper1 .slide1 .dema-word .dema-ti1 {
  font-size: 1.352vw;
  color: #0061af;
  margin: 0 0 1.04vw;
}
.business .dema-bot .swiper1 .slide1 .dema-word .dema-intr1 {
  text-align: justify;
}
.business .dema-bot .swiper1 .slide1 .dema-picture {
  height: 14.04vw;
}
.business-detail .dema-bot {
  border-top: 1px solid #e3e3e3;
}
.business-detail .dema-bot .dema-ti1 {
  color: #333333;
}
.business-detail .dema-bot .swiper1 .slide1 {
  width: 31.33333333%;
  margin: 1%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.352vw 1.872vw;
  font-size: 1.144vw;
  color: #FFFFFF;
}
.business-detail .dema-bot .swiper1 .slide1 .iconfont {
  font-size: 2.08vw;
}
.business-detail .dema-bot .swiper1 .slide1:nth-of-type(5n+1) {
  background: #036eb8;
}
.business-detail .dema-bot .swiper1 .slide1:nth-of-type(5n+2) {
  background: #2ea7e0;
}
.business-detail .dema-bot .swiper1 .slide1:nth-of-type(5n+3) {
  background: #eea49a;
}
.business-detail .dema-bot .swiper1 .slide1:nth-of-type(5n+4) {
  background: #f4c3bd;
}
.business-detail .dema-bot .swiper1 .slide1:nth-of-type(5n+5) {
  background: #add6be;
}
.service-introduce .dema-center {
  padding: 5.2vw 0;
  position: relative;
}
.service-introduce .dema-center:before {
  content: '';
  width: calc(100% + 200 * 0.052vw);
  height: 100%;
  background: #f7f7f7;
  position: absolute;
  left: -5.2vw;
  top: 0;
}
.service-introduce .dema-center .dema-word {
  width: 31.72vw;
  position: relative;
}
.service-introduce .dema-center .dema-picture {
  width: 35.88vw;
  height: 23.4vw;
}
.service-content .dema-center .swiper1 .slide1 {
  width: 23%;
  margin: 1%;
}
.service-content .dema-center .swiper1 .slide1 .dema-picture {
  height: 12.48vw;
}
.service-content .dema-center .swiper1 .slide1 .dema-word {
  padding: 1.04vw;
  text-align: center;
}
.service-contact .com-cont {
  border-top: 1px solid #e3e3e3;
}
.service-contact .dema-center .swiper1 .slide1 {
  width: 48%;
  margin: 1%;
  padding: 2.6vw 3.12vw;
  color: #FFFFFF;
}
.service-contact .dema-center .swiper1 .slide1:nth-of-type(2n+1) {
  background: #0061af;
}
.service-contact .dema-center .swiper1 .slide1:nth-of-type(2n) {
  background: #13a783;
}
.service-contact .dema-center .swiper1 .slide1 .dema-intr1 {
  margin: 1.56vw 0 2.08vw;
}
.service-contact .dema-center .swiper1 .slide1 .dema-intr2 {
  margin: 1.56vw 0 0.52vw;
}
.service-contact .dema-center .swiper1 .slide1 .swiper-code .slide-code {
  margin: 0 1.56vw 0 0;
}
.service-contact .dema-center .swiper1 .slide1 .swiper-code .slide-code .dema-picture {
  width: 7.072vw;
  height: 7.072vw;
  margin: 0 0 0.936vw;
}
.service-contact .dema-center .swiper1 .slide1 .swiper-phone {
  margin: 5.2vw 0 0 -1.04vw;
}
.service-contact .dema-center .swiper1 .slide1 .swiper-phone .wrapper-phone {
  flex-wrap: wrap;
}
.service-contact .dema-center .swiper1 .slide1 .swiper-phone .slide-phone {
  border-right: 1px solid #e3e3e3;
  width: 50%;
  padding: 0 0 0 1.04vw;
  margin: 0.78vw 0;
}
.service-contact .dema-center .swiper1 .slide1 .swiper-phone .slide-phone .dema-p2 {
  margin: 0.52vw 0 0;
}
.network .dema-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.12vw 0;
  position: relative;
}
.network .dema-center:before {
  content: '';
  width: calc(100% + 200 * 0.052vw);
  height: 100%;
  background: #f7f7f7;
  position: absolute;
  left: -5.2vw;
  top: 0;
}
.network .dema-center .dema-left {
  position: relative;
}
.network .dema-center .dema-left #map {
  width: 37.44vw;
  height: 32.24vw;
}
.network .dema-center .dema-left .dema-p1 {
  color: #0061af;
  text-align: center;
}
.network .dema-center .dema-right {
  position: relative;
  width: 26.52vw;
  background: #FFFFFF;
  padding: 1.56vw 3.12vw 2.08vw;
}
.network .dema-center .dema-right .swiper1 .slide1 {
  font-size: 18px;
  border-bottom: 1px solid #e3e3e3;
  padding: 1.56vw 0;
}
.network .dema-center .dema-right .swiper1 .slide1:last-of-type {
  border-bottom: none;
}
.network .dema-center .dema-right .swiper1 .slide1 .dema-ti1 {
  color: #333333;
  font-size: 1.248vw;
}
.network .dema-center .dema-right .swiper1 .slide1 .dema-p1 {
  margin: 0.624vw 0 0;
  display: flex;
  align-items: center;
}
.network .dema-center .dema-right .swiper1 .slide1 .dema-p1 .iconfont {
  font-size: 1.352vw;
  color: #0061af;
  margin: 0 0.78vw 0 0;
}
.selfhelp .dema-center .swiper1 {
  overflow: visible;
}
.selfhelp .dema-center .swiper1 .slide1 {
  margin: 0 2.288vw;
  width: auto;
}
.selfhelp .dema-center .swiper1 .slide1:nth-of-type(2n+1) .dema-top {
  border: 2px solid #0061af;
  color: #0061af;
}
.selfhelp .dema-center .swiper1 .slide1:nth-of-type(2n) .dema-top {
  border: 2px solid #54c9c9;
  color: #54c9c9;
}
.selfhelp .dema-center .swiper1 .slide1 .dema-top {
  width: 12.792vw;
  height: 12.792vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.872vw;
  border-radius: 50%;
}
.selfhelp .dema-center .swiper1 .slide1 .dema-top .dema-nei {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  box-shadow: 0 0 1.04vw rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
}
.selfhelp .dema-center .swiper1 .slide1 .dema-top .dema-nei .iconfont {
  font-size: 3.12vw;
}
.selfhelp .dema-center .swiper1 .slide1 .dema-top .dema-nei .dema-img1 {
  width: 2.6vw;
}
.selfhelp .dema-center .swiper1 .slide1 .dema-bot {
  font-size: 1.352vw;
  color: #333333;
  margin: 1.56vw 0 0;
  text-align: center;
}
.investor .dema-upper .swiper1 .slide1 {
  width: 48%;
  margin: 1%;
  background: #f2f3f8;
  padding: 2.34vw;
  transition: all 0.3s ease;
}
.investor .dema-upper .swiper1 .slide1:hover {
  background: #0061af;
}
.investor .dema-upper .swiper1 .slide1:hover * {
  color: #FFFFFF;
}
.investor .dema-upper .swiper1 .slide1 .dema-picture .iconfont {
  font-size: 2.392vw;
}
.investor .dema-upper .swiper1 .slide1 .dema-word {
  flex: 1;
  padding: 0 0 0 1.56vw;
}
.investor .dema-upper .swiper1 .slide1 .dema-word .dema-time1 {
  font-size: 0.936vw;
}
.investor .dema-upper .swiper1 .slide1 .dema-word .dema-ti1 {
  font-size: 1.144vw;
  line-height: 1.872vw;
  margin: 0.52vw 0 0;
}
.material .dema-upper .swiper1 .slide1 {
  width: 31.33333333%;
}
.material .dema-upper .swiper1 .slide1 .dema-word {
  flex: inherit;
  padding: 0 0 1.56vw;
}


.sub-box {
 
  width: 33.333%;
  height:500px;
  background: #111845a6;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0 20px 50px rgb(23, 32, 90);
  border: 2px solid #2a3cad;
  color: white;
  padding: 20px;
  margin:0 10px;
  position: relative;

}
.sub-box3{
  width: 430px;
}


.sub-box :before{
  content: '';
  position:absolute;
  top:0;
  left:-120%;
  width:100%;
  height:100%;
  background: rgba(255,255,255,0.1);
  transition:0.5s;
  pointer-events: none;
}

.sub-box :hover:before{
  background: rgba(255, 255, 255, 0.1);
  left:-0%;

}


.sub-box  .sub-cont{
  position:absolute;
  top:15px;
  left:15px;
  right:15px;
  bottom:15px;
  padding:20px;
  box-shadow: 0 5px 10px rgba(9,0,0,0.5);
  
}
.sub-box  .sub-cont:hover{
  color:#1f2c5c;

}
.sub-box .sub-cont .img {
  width:100%;
  height:200px;
  overflow: hidden;
}
.sub-box .sub-cont .img img{
  width:100%;
  height:200px;
}
.sub-box  .sub-cont:hover .img:hover  img{ 
  transform: scale(1.05);
}



.sub-box .sub-cont .con{
  margin-top:10px;
}
 .sub-box .sub-cont .title{
  font-size: 24px;color:#ffffff; line-height: 1;
}
 .sub-box .sub-cont  .desc{
  font-size: 14px;color:rgba(255,255,255,0.7);  margin-top:15px;line-height: normal;
}
.sub-box .sub-cont .line { width:100%;height:10px; clear: both; }
 .sub-box .sub-cont dl { margin-top:10px; }
 .sub-box .sub-cont dl dd {  float: left; width: 47%; padding-right:12px; border-bottom:1px solid rgba(255,255,255,0.1); line-height: 30px; }
 .sub-box .sub-cont dl dd a { overflow: hidden; background: url(../images/sub1.png) no-repeat right center; padding:0px 10px ; position: relative; display: block;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; font-size: 12px;color:rgba(255,255,255,0.5); }

     .sub-box .sub-cont dl dd a:before { content:'';width: 6px;height: 6px; border-radius: 3px;background: #737ea4; position: absolute; left:0; top:50%; transform: translateY(-50%);}

     .sub-box .sub-cont dl dd a.sign:before { display: none!important; }
     .sub-box .sub-cont dl dd a.sign { padding-left:26px; position: relative; }
     .sub-box .sub-cont dl dd a.sign .icon { position: absolute; left:0; top:50%; transform: translateY(-50%); width: 20px; }

     .sub-box .sub-cont dl dd:hover a:before { background: #fff; }
     .sub-box .sub-cont dl dd:hover { border-color:#fff; }
     .sub-box .sub-cont dl dd:hover a { color: #fff; }
     .sub-box .sub-cont dl dd:nth-child(2n) { float: right; }
     .dema-phone{
      flex:1;
      display: flex;
      align-items: center; 
      justify-content: center;
     }
     .dema-phone .phone-desc{
      width:auto;
      padding:0;
      height: auto;
      line-height: normal;
     
     }
     .dema-phone  .phone_number{
      display: flex;
      align-items:flex-start;
      justify-content: center;
      flex-direction: column;
      padding:0;
      height: auto;
      line-height: normal;
      text-align: left;
      
     }
     .dema-phone  .phone_number span{
  
      text-align: left;
     }

.dema-content{
  margin-top:20px;
  display: flex;
  align-items:center;
  justify-content: space-between;
}
.dema-content .content-card{
  flex:1;
 
  

}

.dema-content .content-card .card-box{
  width:96%;
  margin:0 2%;
  padding:10px;
  height:300px;
  border:1px solid #ccc;
  background:#fff;
}
.dema-content .content-card .card-box.card-bg1{
  background-image:url(http://www.csdema.com/statics/images/yewu1.jpg);
  background-position: 0px 180px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.dema-content .content-card .card-box.card-bg2{
  background-image:url(http://www.csdema.com/statics/images/yewu4.jpg);
  background-position: 0px 180px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.dema-content .content-card .card-box.card-bg3{
  background-image:url(http://www.csdema.com/statics/images/yewu2.jpg);
  background-position: 0px 180px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.dema-content .content-card .card-box.card-bg4{
  background-image:url(http://www.csdema.com/statics/images/yewu5.jpg);
  background-position: 0px 180px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.dema-content .content-card .card-box.card-bg5{
  background-image:url(http://www.csdema.com/statics/images/yewu3.jpg);
  background-position: 0px 180px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.dema-content .content-card .card-box h5{
   position: relative;
    text-align: center;
}
.dema-content .content-card .card-box h5::before{
  content: "";
    position: absolute;
    left: 50%;
    top: 70px;
    width: 100px;
    margin-left:-50px;
    height: 1px;
    background: #ddd;
}
.dema-content .content-card .card-box h5 em{
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  
  
}
.dema-content .content-card .card-box h5 em.angui{
  transition: all .4s ease-in-out;
  background-image:url(../images/icon1.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.dema-content .content-card .card-box h5 em.cailiao{
  transition: all .4s ease-in-out;
  background-image:url(../images/icon2.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.dema-content .content-card .card-box h5 em.kekao{
  transition: all .4s ease-in-out;
  background-image:url(../images/icon3.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.dema-content .content-card .card-box h5 em.dianci{
  transition: all .4s ease-in-out;
  background-image:url(../images/icon4.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.dema-content .content-card .card-box h5 em.huaxue{
  transition: all .4s ease-in-out;
  background-image:url(../images/icon5.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.dema-content .content-card .card-box h5 span{
  font-size: 18px;
  font-weight: normal;

}
.dema-content .content-card .card-box:hover{ background-color:#0061af;color:#fff;  }
.dema-content .content-card .card-box:hover  h5 a{color:#fff;}
.dema-content .content-card .card-box:hover  h5 em.angui{ background-position:0 -45px;transition: all .4s ease-in-out}
.dema-content .content-card .card-box:hover  h5 em.cailiao{ background-position:0 -45px;transition: all .4s ease-in-out}
.dema-content .content-card .card-box:hover  h5 em.kekao{ background-position:0 -45px;transition: all .4s ease-in-out}
.dema-content .content-card .card-box:hover  h5 em.dianci{ background-position:0 -45px;transition: all .4s ease-in-out}
.dema-content .content-card .card-box:hover  h5 em.huaxue{ background-position:0 -45px;transition: all .4s ease-in-out}
.dema-content .content-card .card-box .card-list{
  margin-top:20px;
  padding:5px;
 
}
.dema-content .content-card .card-box .card-list li{
  width:50%;
  float:left;
  text-align: left;
  font-size: 14px;
  list-style-type: none;
}
.dema-content .content-card .card-box:hover .card-list li a{
  color:#fff;
}
.dema-content .content-card .card-box:hover .card-list li a:hover{
  text-decoration:underline;
}

.index-solution .down{ position: relative; }
.index-solution .down .log{padding:80px 0;position: relative;}
.index-solution .coll{ position: relative; height:420px;}
.index-solution .down .log{ position: absolute;left:0;top:0;width:100%;z-index:-1; opacity: 0; -webkit-transition: all 0.6s;}
.index-solution .down .log.on{opacity: 1; z-index:1;}
.index-solution .list-honor{  margin-bottom: 10px;}
.index-solution .list-honor li a{ display:block;padding:10px;text-align: center;background: #fff;box-shadow: 0 0 10px #ddd;}
.index-solution .list-honor li .pic{/* margin: 8px 0 18px 0; */text-align: center;margin: 8px auto 18px;display: table;}
.index-solution .list-honor li .pic img{ max-width: 100%; max-height: 100%;}
.index-solution .list-honor li .block{ height: 260px; vertical-align: middle; display: table-cell; text-align: center; }
.index-solution .list-honor li h4{color:#5d5d5d;font-size:14px;padding: 16px 0 5px 0;border-top:1px #ddd solid;}
.index-solution .list-honor li:hover h4{color:#0061af;border-top:1px #0061af solid;}